ساخت فروشگاه اینترنتی با Next.js - آموزش جامع طراحی پلتفرم فروشگاهی از صفر [ویدیو] - آخرین آپدیت

سرفصل ها و درس ها

معرفی دوره Course Introduction

• خوش آمدید به دوره Welcome To The Course

• تکنولوژی‌های مورد استفاده (Stack) The Stack

• بررسی پروژه The Project

• محیط توسعه The Environment

• مستندات ویژه Premium Docs

ساخت اپلیکیشن و لایوت پایه App Creation & Basic Layout

• معرفی بخش Section Intro

• ساخت اپلیکیشن Next و دارایی‌ها Create Next App & Assets

• راه‌اندازی ShadCN UI ShadCN UI Setup

• لایوت ریشه و ثابت‌ها Root Layout & Constants

• کامپوننت‌های هدر و فوتر Header & Footer Components

• تغییر حالت تم (Dark/Light) Theme Mode Toggle

• صفحات Loading و Not Found Loading & Not Found Pages

• منوی واکنش‌گرای Sheet Responsive Sheet Menu

• نمونه محصولات و لیست محصولات Sample Products & Product List

• کامپوننت کارت محصول Product Card Component

• کامپوننت قیمت محصول Product Price Component

پایگاه داده، Prisma و نمایش محصولات Database, Prisma & Product Display

• معرفی بخش Section Intro

• راه‌اندازی PostgreSQL و Prisma PostgreSQL & Prisma Setup

• مدل‌های Prisma و مهاجرت‌ها (Migrations) Prisma Models & Migrations

• وارد کردن داده‌های نمونه (Seed) Seed Sample Data

• بارگذاری محصولات از پایگاه داده Load Products From Database

• اعتبارسنجی Zod و استنباط نوع Zod Validation & Type Inference

• پیکربندی محیط Serverless Serverless Environment Config

• صفحه جزئیات محصول Product Details Page

• کامپوننت تصاویر محصول Product Images Component

• اولین استقرار (Deployment) Initial Deployment

• نکته‌ای درباره خطاهای ES Lint A Note on ES Lint Errors

احراز هویت با Next Auth Authentication With Next Auth

• معرفی بخش Section Intro

• مدل‌های مربوط به کاربر در Prisma Prisma User-Related Models

• وارد کردن داده‌های نمونه کاربر Seed User Data

• راه‌اندازی Next Auth Next Auth Setup

• مسیر API جامع Next Auth Next Auth Catch All API Route

• اکشن‌های سروری ورود و خروج Sign In & Sign Out Server Actions

• لایوت احراز هویت و صفحه ورود Auth Layout & Sign In Page

• فرم ورود با اعتبارنامه‌ها Credentials Sign In Form

• اتصال فرم ورود Hook Up Sign In Form

• تغییر مسیر URL بازگشتی (Callback) Callback URL Redirect

• دکمه کاربر و خروج User Button & Sign Out

• اسکیما و اکشن ثبت‌نام Zod Sign Up Zod Schema & Action

• صفحه و فرم ثبت‌نام Sign Up Page & Form

• مدیریت خطاهای ثبت‌نام Sign Up Error Handling

• سفارشی‌سازی توکن با JWT Callback Customize Token With JWT Callback

افزودن به سبد خرید Add To Cart

• معرفی بخش Section Intro

• اسکیما Zod و مدل Prisma برای سبد خرید Cart Zod Schema & Prisma Model

• کامپوننت افزودن به سبد خرید Add To Cart Component

• شناسه سبد خرید در نشست (Session) Session Cart ID

• دریافت آیتم برای سبد خرید Get Item For Cart

• محاسبه قیمت سبد خرید Price Calc For Cart

• مدیریت تعداد و محصولات متعدد Handle Quantity & Multiple Products

• اکشن حذف از سبد خرید Remove Cart Action

• دکمه سبد خرید پویا Dynamic Cart Button

• بهبود UI با useTransition Smooth UI With useTransition

صفحات سبد خرید و ارسال Cart & Shipping Pages

• معرفی بخش Section Intro

• صفحه سبد خرید Cart Page

• جدول ShadCN UI ShadCN UI Table

• جمع کل سبد خرید Subtotal Cart

• اسکیما Zod و صفحه آدرس ارسال Shipping Address Zod Schema & Page

• فرم آدرس ارسال Shipping Address Form

• به‌روزرسانی آدرس کاربر Update User Address

• کامپوننت مراحل تسویه حساب Checkout Steps Component

• ماندگاری سبد خرید در نشست Persist Session Cart

• محافظت از مسیرها (Protecting Paths) Protecting Paths

روش پرداخت و صفحات سفارش Payment Method & Order Pages

• معرفی بخش Section Intro

• روش پرداخت و اسکیماهای Zod Payment Method & Zod Schemas

• صفحه انتخاب روش پرداخت Payment Method Page

• فرم و به‌روزرسانی روش پرداخت Payment Method Form & Update

• مدل‌های Prisma برای سفارش و آیتم‌های سفارش Order & OrderItem Prisma Models

• اسکیماها و تایپ‌های Zod برای سفارش Order Zod Schemas & Types

• صفحه ثبت سفارش Place Order Page

• اکشن ایجاد سفارش Create Order Action

• فرم ثبت سفارش Place Order Form

• صفحه و اکشن سفارش Order Page & Action

• توابع کمکی برای فرمت‌بندی Format Utility Functions

• جدول جزئیات سفارش Order Details Table

پرداخت‌های PayPal PayPal Payments

• معرفی بخش Section Intro

• راه‌اندازی PayPal Sandbox PayPal Sandbox Setup

• تولید توکن دسترسی (Access Token) Generate Access Token

• تست Jest برای توکن دسترسی Jest Testing For Access Token

• درخواست‌های API ایجاد و دریافت سفارش Create Order & Capture API Requests

• تست Jest برای سفارش و پرداخت Jest Testing For Order & Payment

• اکشن ایجاد سفارش PayPal Create PayPal Order Action

• تایید و به‌روزرسانی سفارش Approve & Update Order

• پیاده‌سازی دکمه PayPal Implement PayPal Button

تاریخچه سفارشات و پروفایل کاربر Order History & User Profile

• معرفی بخش Section Intro

• لایوت و منوی کاربر User Layout & Menu

• اکشن دریافت سفارشات من Get My Orders Action

• صفحه سفارشات Orders Page

• صفحه‌بندی سفارشات Orders Pagination

• اکشن به‌روزرسانی پروفایل Update Profile Action

• فرم به‌روزرسانی پروفایل Update Profile Form

• ارسال فرم پروفایل Profile Form Submission

نمای کلی مدیریت و سفارشات Admin Overview & Orders

• معرفی بخش Section Intro

• لایوت و منوی مدیریت Admin Layout & Menu

• دریافت خلاصه سفارشات Get Order Summary

• نمایش داده‌های نمای کلی مدیریت Admin Overview Data Display

• نمودار فروش ماهانه Monthly Sales Chart

• صفحه و اکشن سفارشات مدیریت Admin Orders Page & Action

• حذف سفارشات Delete Orders

• اکشن‌های به‌روزرسانی سفارش (پرداخت در محل) Update Order Actions (COD)

• دکمه‌های به‌روزرسانی سفارش (پرداخت در محل) Update Order Buttons (COD)

مدیریت محصولات و آپلود تصاویر Admin Products & Image Uploads

• معرفی بخش Section Intro

• دریافت محصولات برای صفحه مدیریت Get Products For Admin Page

• نمایش محصولات Display Products

• حذف محصولات Delete Products

• اکشن‌های ایجاد و به‌روزرسانی Create & Update Actions

• صفحه و فرم ایجاد محصول Create Product Page & Form

• فیلدهای فرم و ایجاد Slug Form Fields & Slugify

• ارسال فرم ایجاد محصول Create Product Form Submission

• پیکربندی Uploadthing Uploadthing Configuration

• افزودن آپلود تصویر Add Image Upload

• پاک‌سازی محصول Product Cleanup

• بنر محصول ویژه (Featured) Is Featured Banner

• فرم به‌روزرسانی محصول Product Update Form

مدیریت کاربران و جستجو Admin Users & Search

• معرفی بخش Section Intro

• دریافت و نمایش کاربران Get & Display Users

• حذف کاربران Delete Users

• صفحه ویرایش کاربر User Edit Page

• فرم به‌روزرسانی کاربر Update User Form

• اکشن به‌روزرسانی کاربر Update User Action

• فرم جستجوی مدیریت Admin Search Form

• جستجوی سفارشات مدیریت Admin Orders Search

• جستجوی کاربران مدیریت Admin Users Search

فیلتر جستجو، دراور و کاروسل Search Filtering, Drawer & Carousel

• معرفی بخش Section Intro

• دراور دسته‌بندی‌ها Category Drawer

• کاروسل محصولات ویژه Featured Product Carousel

• کامپوننت جستجو Search Component

• صفحه جستجو Search Page

• فیلترهای جستجو Search Filters

• تابع دریافت URL فیلتر Get Filter URL Function

• فیلترهای UI دسته‌بندی و قیمت Category & Price UI Filters

• فیلتر امتیاز و نمایش فیلترها Rating Filter & Filter Display

• مرتب‌سازی محصولات Sorting Products

• متادیتای پویا Dynamic Metadata

امتیازات و نظرات Ratings & Reviews

• معرفی بخش Section Intro

• مدل Prisma، Zod و تایپ نظرات Review Prisma Model, Zod & Type

• کامپوننت لیست نظرات Review List Component

• دیالوگ فرم ثبت نظر Review Form Dialog

• اکشن ایجاد و به‌روزرسانی نظر Create & Update Review Action

• اتصال فرم نظر به اکشن Connect Review Form To Action

• اکشن دریافت نظرات Get Reviews Action

• نمایش نظرات Display Reviews

• به‌روزرسانی و بارگذاری مجدد نظرات Update & Reload Reviews

پرداخت‌های Stripe Stripe Payments

• معرفی بخش Section Intro

• راه‌اندازی Stripe Stripe Setup

• قصد پرداخت (Payment Intent) در فرم سفارش Order Form Payment Intent

• کامپوننت پرداخت Stripe Stripe Payment Component

• صفحه موفقیت پرداخت Stripe Stripe Payment Success Page

• وب‌هوک برای علامت‌گذاری سفارش به عنوان پرداخت‌شده Webhook To Mark Order As Paid

رسید خرید ایمیلی Email Purchase Receipts

• معرفی بخش Section Intro

• کلید API Resend و نصب Resend API Key & Install

• تابع اصلی Resend Resend Main Function

• قالب ایمیل رسید خرید Purchase Receipt Email Template

• پیش‌نمایش ایمیل در مرورگر Preview Email In Browser

• ارسال ایمیل‌ها Sending Emails

کامپوننت‌های صفحه اصلی و جمع‌بندی Homepage Components & Wrap Up

• معرفی بخش Section Intro

• کامپوننت Icon Boxes Icon Boxes Component

• کامپوننت شمارش معکوس تخفیف Deal Countdown Component

• جمع‌بندی نهایی Wrap Up